<template>
	<view style="padding: 30rpx;">
		<view>异步接口</view>
		<button @click="callStorageFun(1)" >setStorage</button>
		<button @click="callStorageFun(2)" type="primary" plain="true">getStorage</button>
		<button @click="callStorageFun(3)" type="primary">getStorageInfo</button>
		<button @click="callStorageFun(4)" type="warn"  plain="true">RemoveStorage</button>
		<button @click="callStorageFun(5)" type="warn">clearStorage</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name:'qsq',
				timer1:null
			}
		},
		methods: {
         callStorageFun(parm){
			 console.log("callStorageFun==> parm"+parm);
			 switch(parm){
				 case 1:
				 // 存某一个字段到本地 字段名：值
				 uni.setStorage({
				 	key:"UserName",
					data:"qsq",
					success(){
						console.log("UserName 存储成功");
					}
				 });
				 console.log("调用存储完成");
				 break;
				 case 2:
				 uni.getStorage({
					 key:"UserName",
					 success:function(result){
					 	console.log("读取UserName成功 result.data="+result.data);
					 },
					 fail(){
						 console.error("读取UserName失败")
					 }
				 });
				 break;
				 case 3:
				 uni.getStorageInfo({
					 success:function(result){
					 	console.log("获取所有缓存字段"+result.keys);
					 }
				 })
				 break;
				 case 4:
				 uni.removeStorage({
					 key:'UserName',
					 success(){
						 console.log("UserName 删除成功");
					 }
				 })
				 break;
				 case 5:
				 uni.clearStorage({
				 					 key:'UserName',
				 					 success(){
				 						 console.log("UserName 删除成功");
				 					 }
				 })
				 break;
			 }
		 }			
		}
	}
</script>

<style>
button{
	margin: 30rpx;
}
</style>
